import { StyleSheet } from 'react-native';
import { primaryColor } from '@/constants/Colors';
import { hexToRgba } from '@/utils/helper';

export default StyleSheet.create({
  container: {
    flex: 1
  },
  scroller: {
    flex: 1,
    paddingHorizontal: 24
  },
  tipContent: {
    paddingVertical: 24,
    paddingHorizontal: 24
  },
  tip: {
    fontSize: 16,
    lineHeight: 24,
    fontWeight: '500',
    color: '#666'
  },
  hashtags: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    marginRight: -16
  },
  hashtag: {
    height: 44,
    borderRadius: 22,
    paddingHorizontal: 24,
    marginRight: 16,
    marginBottom: 16,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: hexToRgba(primaryColor, .2)
  },
  text: {
    color: '#666',
    fontSize: 16,
    fontWeight: '500'
  },
  active_text: {
    color: '#fff'
  },
  active: {
    backgroundColor: primaryColor
  }
});